<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>我的第一个网页</title>

    <link rel="stylesheet" type="text/css" href="mycss.css" />
  </head>
  <body>
    <div style="background-color: #f1f1f1; text-align: center; padding: 40px">
      <img alt="我是卷心菜" src="./mao.gif" width="200px" height="200px" />
    </div>
    <div
      style="
        max-width: 700px;
        margin: 30px auto;
        padding: 15px;
        line-height: 1.7;
        font-size: 28px;
      "
    >
      <p id="one">我是卷心菜</p>
      <p class="two">某211院校计算机专业本科在校(2025应届)大学生。</p>
      <p class="two">这是我的前端网站。</p>
      <p>
        <a href="./2.html">关于我</a>
        <br>
        <a href="./sudoku.html">关于数独</a>
      </p>
    </div>
    <div
      style="
        background-color: #f1f1f1;
        text-align: center;
        padding: 40px;
        font-size: 28px;
      "
    >
      <p>版权所有</p>
      <a href="https://baidu.com">百度</a>
    </div>
  </body>
</html>
